<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
		<title>大规模排课表</title>
		<link rel="stylesheet" href="reset.css">
		<style>
			html,body{
				width:100%;
				height:100%
			}
			body{
  				background:url("Hippopx_4.jpg") no-repeat;
  				background-size: 100%;
			}
			
			#box1{
			    width:200px;
				height:55px;
				position:relative;
				left:190px;
				top:500px;
				background-color: rgb(236, 153, 35);
				border-radius: 30px;
			}
			#box2{
			    width:200px;
				height:55px;
				position:relative;
				left:610px;
				top:445px;
				background-color: rgb(236, 153, 35);
				border-radius: 30px;
			}
			#box3{
			    width:200px;
				height:55px;
				position:relative;
				left:1030px;
				top:390px;
				background-color: rgb(236, 153, 35);
				border-radius: 30px;
			}
			a{
				text-decoration: none;
				display: block;
				line-height: 50px; /* 设置垂直居中 */
    			text-align: center;
				color: rgb(210,210,210);
				font-size: 24px;
			}
			a:hover{
				color:rgb(206, 90, 12);
			}
			a:active{
				color:rgb(240, 87, 82);
			}

			#box0{
				width:800px;
				position:relative;
				top:60px;
				left:420px;
				font-size: 55px;
				color:rgb(250,250,250);
			}
		</style>
		<script>
			
		</script>
    </head>

	<body>
		<div id="box0">
			<p><em>Welcome to download</em></p>
			<p style="font-size: 15px;">&nbsp;</p>
			<p style="font-size:35px;color: aliceblue;"><em>&emsp;&emsp;&emsp;&emsp;seize your life</em></p>
		</div>
		<div id="box1">
			<a href="kk-music-master.zip" download="" >window下载</a>
		</div>
		<div id="box2">
			<a href="document.html">说明文档</a>
		</div>
		<div id="box3">
			<a href="javascript:;" download="" >mac下载</a>
		</div>
	</body>
	<script>
		var box3=document.getElementById('box3');
		box3.onclick=function(){
			alert('等待开发');
		}
	</script>
</html>
